@import "kb.scss"; 

.v-modal{
	z-index: 3 !important;
}

.test-nav{
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	display:flex;
	flex-flow:row;
	padding: 0 34px;
	line-height: 62px;
	height: 62px;
	margin-bottom: 18px;
}

.test-location{
	width: 170px;
	color: #999;
	margin-right: 100px;
	.el-input__inner{
		padding: 0;
		line-height: 62px;
		height: 62px;
		border: none;
	}
	.el-input{
		width: 100px;
		color: #666;
	}
	.el-input.is-disabled {
		.el-input__inner{
			background: none;
			color: #666
		}
		.el-input__suffix{
			display: none;
		}
	}
}


.test-link{
	flex:1;
	>a{
		font-size: 14px;
		color: #666666;
		letter-spacing: 0;
		margin-right: 60px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		&:after{
			display: block;
			content: "";
			background: #0000;
			height: 4px;
			width: 100%;
			position: absolute;
			left:0;
			bottom: 1px;
		};
		&:last-of-type{
			margin: 0;
		};
		&:hover{
			color: $sc_6;
		}
	}
}
.text-list-nav{
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	>h3{
		padding: 19px 21px;
		font-size: 16px;
		border-bottom: 1px solid #EFEFEF;
	}
}


.text-list-nav-box{
	padding: 30px 40px 0;
	margin-bottom: 30px;
	>ul{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row ;
	}
}

.text-list-nav-path{
	 // flex: auto;
	width: 224px;
	line-height: 19px;
	 margin-bottom: 30px;
	 >span{
		display: inline-block;
		width: 73px;
	 	font-size: 14px;
	 	color: #000000;
		 margin-right: 5px;
		 vertical-align: middle;
		 @extend .i_text;
	 }
	 >a{
	 	font-size: 14px;
		 color: #666666;
		 vertical-align: middle;
	 	&:after{
	 		content: '';
	 		display: inline-block;
			vertical-align: top;
	 		width: 1px;
	 		background: #DDDDDD;
	 		height: 18px;
	 		margin: 0 12px;
	 	};
	 	&:last-of-type{
	 		&:after{
	 			display: none;
	 		}
	 	};
	 	&:hover{
	 		color: $sc_6;
	 	}
	 }
}


.text-list-cont{
	>ul{
		overflow: hidden;
	}
}


.text-list-cont-title{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #E1EFF6;
	padding-bottom: 10px;
	>span{
		font-size: 16px;
		color: #000000;
		line-height: 21px;
	}
	a{
		font-size: 12px;
		color: #666666;
	}
}

.text-list-li{
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	padding: 30/1200*100%;
	display: flex;
	flex-flow: row;
	width: 530/1200*100%;
	float: left;
	margin: 20/1200*100% 18/1200*100% 0 0;
	>span{
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		overflow: hidden;
		background: #F8EECE;
		margin-right: 30/530*100%;
		  align-self: center;
		  text-align: center;
		  line-height: 40px;
		  &:after{
		  	content: "\e785";
		  	display: inline-block;
		  	font-family: 'element-icons' !important;
		  	font-size: 20px;
		  	color: #bf9a0d;
		  }
	}
	>div{
		flex: 1;
	}
	&:nth-of-type(2n){
		margin: 20/1200*100% 0 0 0;
	};
}

.text-list-li-info{

	>p{
		&:nth-of-type(1){
			font-size: 18px;
			color: #000000;
			letter-spacing: 0;
			line-height: 18px;
			margin-bottom: 14/530*100%;
		};
		&:nth-of-type(2){
			font-size: 12px;
			color: #999999;
			margin-bottom: 25/530*100%;
		}
	}
}


.text-list-li-op{
	display: flex;
	justify-content: space-between;
	ul{
		display: flex;
		flex-flow: row;
	}
	 li{
		background: #ECEFF5;
		border-radius: 11px;
		font-size: 12px;
		color: #6E777B;
		line-height: 16px;
		padding: 3px 10px;
		margin-right: 15px;
		&:last-of-type{
			margin: 0;
		}
	 }
	 a{
	 	font-size: 12px;
	 	color: #5C7CA3;
	 	&:hover{
	 		color: $sc_6;
	 	}
	 }
}


.manual-test-paper-box{
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	>h3{
		font-size: 16px;
		color: #000000;
		letter-spacing: 0;
		padding: 19px 25px;
		border-bottom: 1px solid #EFEFEF;
	}
}

.manual-test-paper-cont{
	padding: 30px 25px;
	.el-form-item__label{
		text-align: left;
	}
	.duration{
		.el-input-number{
			margin-right: 20px;
		}
	}

	.el-button{
		width: 160px;
		height: 36px;
		text-align: center;
		padding: 0;
		margin-top: 40px;
	}

	.el-input__inner{
		border-radius: 0;
		line-height: 36ox;
		height: 36px;
	}
	.el-input-number.is-controls-right .el-input-number__decrease{
		bottom: 2px;
		line-height: 18px;
	}
	.el-input-number__decrease, .el-input-number__increase{
		top: 2px;
		line-height: 17px !important;
	}
}

.manual-test-scope{
	>.el-form-item__content{
		>.el-form-item{
			display: inline-block;
			vertical-align: top;
			margin-right: 20px;
			width: 200px;
		}
	}

}

.manual-test-paper-name{
	.el-input{
		width: 640px;
	}
}

.test-template{
	min-height: calc(100vh - 284px);
}

.exercises-template{
	min-height: calc(100% - 284px);
}

.intelligent-test-pape-node{
	display: flex;
	flex-flow: row;
	height: 100%;
}

.selection-section{
	width: 300px;
	height: 100%;
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	margin-right: 18px;
	>h3{
		font-size: 16px;
		color: #000000;
		line-height: 21px;
		border-bottom: 1px solid #EFEFEF;
		padding: 20px;
	}
}


.selection-section-tree{
	height: calc(100% - 62px);
	.el-scrollbar{
		height: calc(100% );
		
	}
	.el-tree{
		// padding: 0 20px 20px;
	}
}

.selection-content{
	 flex: 1;

}

.chapter-num{
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
}

.chapter-title{
	display: flex;
	justify-content: space-between;
	padding: 20px;
	border-bottom: 1px solid #EFEFEF;;
	>span{
		&:nth-of-type(1){
			font-size: 16px;
			color: #000000;
			line-height: 21px;
		};
		&:nth-of-type(2){
			cursor: pointer;
			font-size: 14px;
			color: #666666;
			i{
				font-size: 16px;
				margin-right: 8px;
			}
		};
	}
}


.chapter-list{
	padding: 20px 20px 10px;
	span{
		background: #FFFFFF;
		border: 1px solid #7DB8FF;
		border-radius: 4px;
		font-size: 14px;
		color: #666666;
		margin-bottom: 10px;
		margin-right: 10px;
		.el-icon-close{
			color: #666666;
			cursor: pointer;
		}
	}	
}


.question-type{
	margin-top: 18px;
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
}

.question-type-list{
	margin-bottom: 20px;
	.el-checkbox{
		width: 130/842*100%;
		height: 34px;
		line-height: 34px;
		border: 1px solid #DDDDDD;
		border-radius: 4px;
		position: relative;
		transition: .3s;
		margin: 0 20px 10px 0 ;
		text-indent: 5px;
		text-align: left;
		&:after{
			content: '';
			position: absolute;
			right: 0;
			bottom: 0;
			width: 0;
			  height: 0;
			  border-bottom: 20px solid #E3E3E3;
			  border-left: 30px solid transparent;
		};
		&:before{
			content: '√';
			font-family: cursive;
			font-size: 16px;
			position: absolute;
			right: 3px;
			bottom: 0px;
			line-height: 16px;
			z-index: 1;
			color: #fff;
			transform:rotate(22deg)
		};
		.el-checkbox__input{
			display: none;
		}
		.el-checkbox__label{
			// color: #409EFF !important;
			padding: 0;
		}
	}

	.is-checked{
		border-color: #409EFF;
		&:after{
			 border-bottom: 20px solid  #409EFF;
		}
	}
}


.question-type-num{
	padding: 33px 20px 60px;	
}


.question-node{
	display: flex;
	flex-flow: flex-wrap;
	justify-content:space-around;
	margin-bottom: 20px;
	>span{
		display: block;
		width: 100px;
		line-height: 36px;
		font-size: 14px;
	}
	>div{

		// width: 700px;
		i{
			color: #999;
		}
		strong{
			font-size: 14px;
		}
		>span{
			display: inline-block;
			vertical-align: top;
			margin-right: 20px;
			/* input{
				line-height: 32px;
				height: 32px;
				text-align: center;
				border: 1px solid #ddd;
				margin: 0 8px;
				width: 80px;
			} */
			&:last-of-type{
				margin: 0;
			};
		}
	}
	>i{
		font-size: 18px;
		color: #999;
		cursor: pointer;
		line-height: 36px;
	}

	.el-input-number{
		width: 80px;
		margin: 0 10px;
		.el-input__inner{
			padding: 0;
			text-indent: 20px;
			height: 36px;
			line-height: 36px;
			text-align: left;
			border-radius: 0;
		}
		>span{
			width: 25px;
			top: 2px;
			line-height: 17px !important;
		}
		.el-input-number__decrease{
			top: auto;
			bottom: 2px;
		}
	}
}


.question-type-butn{
	text-align: center;
	margin-top: 60px;
	button{
		background: #348EFC;
		border-radius: 3px;
		width: 160px;
		line-height: 36px;
		padding: 0;
	}
}



.preview-head{
    height: 92px;
	background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(195,195,195,0.30);
    .el-form-item {
        margin-bottom: 0;
    }
}
.preview-head40{
    height: 40px;
}

.preview-conten{
	display: flex;
	justify-content: space-between;
	padding: 18px 0 40px;
}


.preview-conten-l{
	width: 930/1200*100%;
	// flex: 1;
	// max-width: 1000px
}

 .preview-conten-r{
 	background: #FFFFFF;
 	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
 	border-radius: 3px;
 	// width: 250/1200*100%;
 		width: 250px;
 	 height: max-content;
 	 margin-left: 20px;
 	 textarea{
 	 	border-radius: 0;
 	 }
 	.el-form{
 		padding: 20px;
 	}
 	.el-form-item__label{
 		display: block;
 	}

 	.el-input{
 		input{	
 			padding: 0;
 		}
 	}
 	.el-form-item__content{
 		>.el-form-item{
 			>.el-form-item__label{
 				font-size: 12px;
 				color: #999;
 				&:before{
 					display: none;
 				};
 			}
 		}
 	}
 	.el-input__inner{
 		line-height: 36px;
 		height: 36px;
 		border-radius: 0;
 	}
 	.el-input-number{
 		margin-right: 15px;
 		width: 150/210*100%;
 		>span{
 			line-height: 16px;
 			top: 2px;
 		}
 		.el-input-number__decrease{
 			bottom: 2px;
 		}
 	}

 	.preview-label{
 		>.el-form-item__label{
 			display: block;
 			    width: 100%;
 			    text-align: left;
 		}
 	}

 	.preview-ruleForm{

 	}
 }


 .preview-conten-l-h{
 	background: #FFFFFF;
 	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
 	border-radius: 3px;
 	padding: 30px;
 	text-align: center;
 	h3{
 		font-size: 20px;
 		color: #000000;
 		line-height: 26px;
 		margin-bottom: 24px;
 		position: relative;
 		.el-input__inner{
 			text-align: center;
 			border-color: #fff;
 			font-size: 20px;
 			color: #000000;
 			&:focus{
 				border-color: #348EFC;
 			}
 		}
 		p{
 			position: absolute;
 			left: 0;
 			color: red
 		}
 		.validName{

 		}
 	}
 	p{
 		font-size: 13px;
 		color: #666666;
 	}
 	
 }

 .validName{
 	.el-input__inner{
 		border-color: red !important;
 	}
 }



 .preview-conten-title{
 	background: #DCEBFC;
 	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
 	font-size: 14px;
 	color: #333333;
 	@extend .i_word;
 	line-height: 19px;
 	padding: 10px 20px;
 	margin: 8px 0;
 }

.knowledge-conten-title{
	display: flex;
	justify-content: space-between;
	button{
		font-size: 14px;
		color: #5C7CA3;
		padding: 0;
		background: none;
		border: 0;
		&:hover{
			background: none;
		}
	}
}

 .preview-conten-subject-c{
 	background: #FFFFFF;
 	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
 	margin-bottom: 10px;
 	position: relative;
 	.el-icon-check{
 		color:#4CCFA6;
 	}
 	.el-icon-close{
 		color: #FF4646;
 	}
 	.el-icon-time{
 		color: #eee
 	}
 	&:last-of-type{
 		margin-bottom: 0;
 	};
 	img{
 		// max-width: 400px;
 		width: 200px;
 		max-height: 200px
 	}
 }

.preview-conten-subject-t{
	padding: 20px 20px 10px;
	line-height: 24px;
	.line-txt{
		line-height: 0;
	}
	>span{
		display: inline-block;
		vertical-align: top;
		max-width: 91%;
		@extend .i_word;
		span,a{
			background: none !important;
			line-height: 24px !important;
			font-size: 14px !important;
			display: inline-block;
			vertical-align: top;
		}
		a{
			text-decoration: underline;
			color: #409EFF
		}
		p{
			text-indent: 0 !important;
		}

	}
	>strong{
		margin-left: 10px;
		color: #ffd187;
	}
}

 .preview-topic{
	padding: 0 20px 20px ;
	display: block;
 }

 .preview-subject-title{
 	display: flex;
 	flex-flow: row;
 	line-height: 24px;
 	margin-bottom: 5px;
 	>label{
 		margin-right: 10px !important;
 		line-height: 24px;
 	}
	>div{
		font-size: 14px;
		flex: 1;
		@extend .i_word;
	}
 }


 .preview-answer{
 	background: #F1F5F9;

	.el-collapse-item__header,
	.el-collapse-item__wrap{
		background: none;
	}
	.el-collapse-item__header{
		padding: 0 10px 0 20px;
		font-size: 12px;
		color: #666666;
		position: relative;
		height: 40px;
		line-height: 40px;
		span{
			margin-right: 13px;
			&:after{
				content: '';
				width: 1px;
				display: inline-block;
				height: 12px;
				background: #DDDDDD;
				margin-left: 12px;
			};
			&:last-of-type{
				&:after{
					display: none;
				}
			};
		}
	}

	.el-collapse-item__arrow{
		
		position: relative;
		&:after{
			transition: transform .3s;
			content: '展开解析';
			position: absolute;
			left: -50px;
			top: 2px;
			font-size: 12px;
			width: 55px;
		}
		&:before{
			transition: transform .3s;
			display: block;
			transform: rotate(90deg);
			font-size: 14px;
		}
	}
	.el-collapse-item__arrow.is-active {
		transform: none;
		color: #409EFF;
		&:before{
			transition: transform .3s;
			transform: rotate(-90deg);
		}
		&:after{
			transition: transform .3s;
			content: '收起解析';
		}
	    
	}

	.accordion-add{
		position: absolute;
		right: 90px;
		top: 0;
		font-size: 12px;
		color: #5C7CA3;
		&:hover{
			color: #409EFF;
		};
	}
	.el-collapse-item__wrap{	
		padding: 0 20px 20px;
	}
	.el-collapse-item__content{
		padding: 0;
	}
 	.preview-accordion-answer{
 		display: flex;
 		flex-flow: row;
 		>div{
 			flex: 1;
 			@extend .i_word;
 			>i{
 				font-size: 16px;
 				color: #6cc29f;
 				margin-right: 10px;
 			}
 			p{
 				background: none !important;
 				text-indent: 0 !important;
 				font-size: 14px !important;
 			}
 			a{
				    text-decoration: underline;
				    color: #409EFF;
 			}
 		}
 		>span{
 			display: block;
 			color: #999;
 		}

 	}

 	.el-collapse-item__arrow{
		font-size: 14px;
 	}
 	.el-button {
 		span{
 			margin: 0;
 		}
 	}
 }


 .confirm-them {
     border-radius: 0;
     border: 0;
     .el-message-box__header {
         background: $bg_1;
         span,
         i {
             color: #fff;
         }
     }
     .el-message-box__content {
         padding: 30px;
     }
     .el-message-box__btns {
         padding: 9px 25px;
     }
 }
 .importData-text {
	margin: 10px 0 15px 10px;
	line-height: 20px;
	color: #999;
}

 .question-bank-h-box{
 	background: #FFFFFF;
 	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
 	border-radius: 3px;
 	padding: 30px 20px;
 	margin-bottom: 18px;
 	position: relative;
 	.el-radio__input{
 		display: none;
 	}
 	.add-bank{
 		position: absolute;
 		top: 35px;
 		right: 120px;
 		padding: 5px 15px;
 		border-radius: 2px；
	 }
	 .add-import {
		position: absolute;
		top: 35px;
		right: 20px;
		padding: 5px 15px;
		border-radius: 2px；
	 }
 }

 .question-bank-h-path{
 	text-align: center;
 	font-size: 0;
 	margin-bottom: 20px;
 	a{
 		display: inline-block;
 		vertical-align: top;
 		border: 1px solid #DDDDDD;
 		width: 150px;
 		height: 34px;
 		line-height: 34px;
 		font-size: 14px;
 		color: #666666;
 		&:nth-of-type(1){
			border-radius: 3px 0 0 3px
 		};
 		&:nth-of-type(2){
 			border-radius: 0 3px 3px 0
 		};
 	}

 	.router-link-active{
 		background: #348EFC;
 		color: #fff;
 		border-color:  #348EFC;
 	}
 }


 .question-bank-h-type{
 	// border: 1px solid #EFEFEF;
 	transition: .2s;
 	overflow: hidden;
 	li{
 		border: 1px solid #EFEFEF;
 		border-bottom: none;
 		&:last-of-type{
 			border-bottom: 1px solid #EFEFEF;
 		};
 	}
 }
 .knowledge-points-area{
	 
     .title{
         margin-left: 20px;
 		font-size: 14px;
 		color: #000000;         
     }
     .el-col-15 {
        margin-left: 10px;
    }     
    .el-form-item {
        margin-bottom: 0;
    }
    .el-select{
        min-width: 106px;
        margin-right: 20px;
        padding: 10px 0;
        .el-input__inner{
            height: 36px;
            line-height: 36px;
        }
    }
    .el-button{
		width: 68px;
		padding: 0;
		text-align: center;
		line-height: 36px;
		height: 36px;
 	}    
 }

 .question-bank-h-list{
 	display: flex;
 	flex-flow: row;
 	line-height: 40px;
 	padding: 0 20px;
 	align-items : center;
 	>span{
 		font-size: 14px;
 		color: #000000;
 		display: block;
 		width: 100px;
 	}
 	>div{
 		flex: 1;
 		font-size: 14px;
		color: #666666;
		.el-radio{
			line-height: 28px;

		}
 	}
	
	.el-cascader{

		.el-input__inner{
			height: 36px;
			line-height: 36px;
		}
	}

 	.el-select{
 		width: 160px;
 		margin-right: 20px;
 		padding: 10px 0;
 		.el-input__inner{
 			height: 36px;
 			line-height: 36px;
 		}
 	}
 	.el-button{
		width: 68px;
		padding: 0;
		text-align: center;
		line-height: 36px;
		height: 36px;
 	}
 	.is-plain{
 		border: 0;
 	}
 }


 .question-bank-wp{
 	display: flex;
 	flex-flow: row;
 }


 .question-bank-wp-l{
 	width: 300px;
 	background: #FFFFFF;
 	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
 	border-radius: 3px;
	margin-right: 18px;
	height: max-content;
 	.el-tabs__nav-scroll{
		text-align: center;
		padding: 10px;
		border-bottom: 1px solid #ddd;
 	}

 	.el-tabs__active-bar{
		display: none;
 	}
 	.el-tabs__nav-wrap{
 		&:after{
 			display: none;
 		}
 	}

 	.el-tabs__nav{
 		width: 100%;
 	}

 	.el-tabs__item{
 		width: 130px;
 		line-height: 34px;
 		height: 34px;
 		border: 1px solid #DDDDDD;
 		text-align: center;
 		padding: 0;
 		display: inline-block;
 		vertical-align: top;
 		font-size: 14px;
 	}

 	.is-active{
 		background: #348EFC;
 		border: 1px solid #348EFC;
 		color: #fff;
 	}

 	.el-tabs__header{
 		margin: 0;
 	}
 	#tab-first{
		border-radius: 3px 0 0 3px;
 	}
 	#tab-second{
		border-radius: 0 3px 3px 0;
 	}

 	.el-tabs__content{
		height: 720px;
		>div{
			height: 100%;
		}
 	}

 	.el-scrollbar{
 		height: calc(100% - 52px);
 		padding: 0 10px;
 	}
 	
 }

 .question-bank-wp-r{
 	flex: 1;
 	transition: .3s;
 }

 .filterText{
 	margin: 10px;
 	width: calc(100% - 20px);
 	.el-input__inner{
 		border-radius: 30px;
 		border-color: #ddd;
 		line-height: 32px;
 		height: 32px;
 	}
 	>span{
 		line-height: 32px;
 	}
 }


.question-bank-wp-r-h{
	display: flex;
	justify-content: space-between;
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	padding: 12px 20px;
	margin-bottom: 18px;
	.el-radio__input{
		display: none;
	}
	.el-input{
		width: 300px;
		input{
			border: 1px solid #DDDDDD;
			border-radius: 18px;
			height: 34px;
			line-height: 34px;
		}
	}

	.el-input__suffix{
		width: 44px;
		right: 0;
	}
	.el-input__icon{
		line-height: 36px;
		font-size: 18px;
	}
	>div{
		>div{
			.el-radio{
				line-height: 36px;
			}
			
		}
		>.el-checkbox{
			margin-left: 65px;
		}
	}
	.el-radio-group{
		.el-icon-sort-down{
			transform: rotateY(180deg);
		}
	}
	.el-radio__label{
		color: #999
	}
}


.test-pagination{
	margin-top: 20px;
}

.preview-accordion-title{
	>strong{
		padding: 4px 11px;
		border-radius: 12.5px;
		font-size: 12px;
		margin-right: 15px;
		&:last-of-type{
			margin: 0;
		}
	}
	.accordion-state-1{
		background: #E4E4E4;
		color: #666666;
	}
	.accordion-state-2{
		background: #F3E9D4;
		color: #9A7534;
	}
	.accordion-state-3{
		background: #CFE5FC;
		color: #375783;
	}
	.accordion-state-4{
		color: #C34D4D;
		 background: #FFEEEE;
	}
}


.accordion-operate{
	position: absolute;
	right: 95px;
	padding: 0 10px;
	a{
		font-size: 12px;
		color: #5C7CA3;
		letter-spacing: 0;
		margin-right: 30px;
		&:last-of-type{
			margin: 0;
		};
	}
	button{
		width: 88px;
		height: 26px;
		line-height: 26px;
		text-align: center;
		border-radius: 4px;
		color: #fff;
		padding: 0;
		font-size: 12px;
		margin-left: 30px;
		// background: none;
		border: none;
		i{
			color: #fff;
			margin-right: 5px;
		}
	}
	span{
		margin-left: 30px;
		.el-input{
			display: inline-block;
			width: 60px;
			.el-input__inner{
				background: #FFFFFF;
				border: 1px solid #D0D0D0;
				
				height: 26px;
				padding: 0;
				text-align: center;
			}
		}
	}
}

.accordion-operate2{
	right: 90px;
}



.test-message{
	width: 400px;
	border-radius: 0;
	padding: 0;
	border: 0;
	.el-message-box__header{
		background: #409eff;
		padding: 11px 20px;
	}
	.el-message-box__title{
		font-size: 14px;
		color: #fff;
	}
	.el-message-box__headerbtn{
		color: #fff;
		font-size: 18px;
		top: 7px;
		i{
			color: #fff;
			&:hover{
				color: #fff;
			}
		}
	}
	.el-message-box__content{
		padding: 35px;	
	}

	.el-message-box__btns{
		text-align: center;
		margin-bottom: 20px;
		button{
			padding: 0;
			width: 68px;
			height: 30px;
			font-size: 12px;
			border-radius: 3px;
			text-align: center;
			border: 0;
			&:nth-of-type(1){
				background: #DEEFFF;
				color: #7C9BB8;
			};
			&:nth-of-type(2){
				color: #FFFFFF;
				background: #348EFC;
			};
		}
	}
}

.Tailoring{
	min-width: 800px;
	z-index: 3;
	.el-dialog__header{
		background: #409eff;
		padding: 11px 20px;
		>span{
			font-size: 14px;
			color: #fff;
		}
		>button{
			top: 14px;
			i{
				color: #fff;
				&:hover{
					color: #fff;
				}
			}
		}
	}
	.edui-default .edui-editor{
		z-index: 3 !important;
	}

	.el-dialog__footer{
		text-align: center;
		button{
			padding: 0;
			width: 68px;
			height: 30px;
			font-size: 12px;
			border-radius: 3px;
			text-align: center;
			border: 0;
			color: #FFFFFF;
			background: #348EFC;
		}
		.is-plain{
			background: #DEEFFF;
			color: #7C9BB8;
		}
	}

	.ql-editor{
		min-height: 100px
	}

	.el-tabs__item{
		height: 30px;
		line-height: 30px;
		user-select: none;
	}

	.tab-pane{
		position: relative;
	}

	.tab-pane{
		>.el-tabs__header{
			position: absolute;
			bottom: 0;
			left: 0;
			.el-tabs__nav{
				border: 0
			}
			.el-tabs__item{
				background: #effaff;
				    color: #67AED2;
			}
			.is-active.is-closable{
				background: #409eff;
				color: #fff;
			}
		}

	}

}
.little-tailoring {
	min-width: 600px;
	.el-dialog__body{
		padding-bottom: 0px;
	}
	.uploader-example {
		margin: 10px 0 0 10px;
		.uploader-btn {
			width: 80px;
			height: 25px;
			line-height: 25px;
			text-align: center;
		}
	}
}

.Tailoring-box{
	position: fixed;
	top: 15%;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;
	min-width: 800px;

	.Tailoring-h{
		background:#409EFF;
		color: #fff;
		padding: 20px;
	}

	.el-dialog__body{
		min-height: 800px;
	}
}

.uploadError {
	.el-dialog__body {
		padding-top: 10px;
		padding-bottom: 10px;
		ul{
			overflow-x: hidden;
			line-height: 18px;
			color: #FF3131
		}
	}
}

.common-volume-ls{
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	padding: 30px 20px 12px 30px;
	display: flex;
	flex-flow: space-between;
	>span{
		display: block;
		background: #F8EECE;
		width: 40px;
		height: 40px;
		border-radius: 50%	;
		overflow: hidden;
		margin-right: 28px;
		// align-self: center;
		text-align: center;
		line-height: 40px;
		&:after{
			content: "\e785";
			display: inline-block;
			font-family: 'element-icons' !important;
			font-size: 20px;
			color: #bf9a0d;
		}
	}
	>div{
		flex: 1;
	}
}


.common-volume-ls-title{
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
	>a{
		font-size: 18px;
		color: #000000;
		letter-spacing: 0;
		line-height: 18px;
		display: inline-block;
		vertical-align: top;
		@extend .i_text;
		&:hover{
			color: #409EFF;
		}
	}
	>span{
		font-size: 12px;
		color: #999999;
		line-height: 18px;
		>i{
			margin-left: 15px;
		}
	}
}

.common-volume-ls-tag{
	>span{
		font-size: 12px;
		color: #6E777B;
		background: #ECEFF5;
		border-radius: 15.5px;
		padding: 3px 10px;
		margin-right: 6px;
		display: inline-block;
		vertical-align: top;
	}
}

.my-common-volume{
	margin-bottom: 18px;
}


.common-volume-ls-op{
	text-align: right;
	margin-top: 40px;
	>span,>a{
		font-size: 12px;
		color: #5C7CA3;
		margin-left: 30px;
		cursor: pointer;
		&:hover{
			color: #F56C6C;
		}
	}
}

.common-volume-ls-state{
	text-align: right;
	>span{
		font-size: 12px;
		padding: 6px 10px;
		border-radius: 14px;
		display: inline-block;
		vertical-align: top;
		margin-left: 10px;
	}
	.library-1{
		color: #3BB080;
		background: #ECF7ED;
	}
	.library-2{
		color: #C34D4D;
		background: #FFEEEE;
	}
	.library-3{
		color: #808A94;
		background: #ECF1F6;
	}
	.library-4{
		color: #99784C;
		background: #F4E7CF;
	}
	.library-5{
		color: #5387B8;
		background: #E0F9FF;
	}
}


.test-paper-r{
	padding: 40/1200*100% 20/1200*100%;
	width: 210/1200*100%;
	height: max-content;
	button{
		padding: 0;
		border-radius: 4px;
		display: block;
		height: 34px;
		line-height: 34px;
		text-align: center;
		font-size: 14px;
		color: #666666;
		margin: 0 0 30px 0;
		width: 100%;
		&:last-of-type{
			margin: 0;
		}
		&:focus{
			background: #348EFC;
			color: #fff;
		};
	}
	.el-button+.el-button{
		margin-left: 0;
	}
	>a{
		border: 1px solid #DCDFE6;
		border-radius: 4px;
		display: block;
		height: 34px;
		line-height: 34px;
		text-align: center;
		font-size: 14px;
		color: #666666;
		margin: 0 0 30px 0;
		width: 100%;
		&:hover{
			color: #409eff;
			background: #ecf5ff;
			border-color: #b3d8ff;
		}
	}
	.test-paper-primary{
		border: none;
		color: #fff;

	}
}

.hidden-header {
	.headder,
	.test-nav{
		display: none;
	}
	>.maxW{
		max-width: initial !important;
	}

	.main{
		padding-top: 0;
		min-height: calc(100vh - 44px);
		.maxW{
			max-width: 1200px;
			margin: auto;
		}
	}
}

.hidden-knowledge{
	.headder,
	.test-nav,
	.footer{
		display: none;
	}
	>.maxW{
		max-width: initial !important;
		padding: 0;
		 height: calc(100vh );
		 overflow: hidden;
	}

	.main{
		padding-top: 0;
		min-height: calc(100vh - 99px);
		.maxW{
			max-width: 1200px;
			margin: auto;
		}
	}
	.test-template,
	.knowledge-points{
		height: 100%;
		    min-height: unset;
	}

	.knowledge-warp{
		height: calc(100% - 100px);
		overflow: hidden;
		>div{
			height: 100%;
			transition: .2s;
		}
	}
}


.test-link{
	>a{

		&:after{
			content: "";
			height: 4px;
			background: #0000;
			display: block;
		}
		&:hover{
			color: #348EFC;
		}
	}

	.showActive{
		color: #348EFC;
		&:after{

			background: #348EFC;
		}
		
	}
}


.knowledge-warp{
	padding: 20px 0 0;
	display: flex;
	justify-content: center;
	>div{
		width: 49%;
	}
}

.knowledge-warp-l{
	margin: 0 8px 0 15px;
	position: relative;
	.el-scrollbar{
		height: calc(100% - 382px);
	}
	.preview-conten-list{
		margin-bottom: 8px;
		&:last-of-type{
			margin-bottom: 0;

		};
	}
	.knowledge-scrollbar{
		height: calc(100% - 152px);
		.el-scrollbar__wrap{
			// width: 99%;
		}
	}
	.nav-class-l{
		position: absolute;
		right: 11px;
		top: 14px;
		width: 60px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		background: #F1F5F9;
		color: #5C7CA3;
		font-size: 14px;
		z-index: 2;
		cursor: pointer;
	}
	>input{
		position: absolute;
		right: 11px;
		top: 14px;
		width: 60px;
		height: 24px;
		z-index: 2;
		opacity: 0;
		cursor: pointer;
		font-family: 'element-icons'!important;
		&:after{

			font-family: 'element-icons'!important;
			content: '\e6de 收起';
			font-size: 14px;
			display: block;
			background: #F1F5F9;
			color: #5C7CA3;
			text-align: center;
			cursor: pointer;
			border-radius: 3px;
			opacity: 0;
		}
	}
	>input:checked:after{
		content: '\e6e0 展开'
	};
	>input:checked + .question-bank-h-type{
		height: 0;
		margin: 15px 0 0;
	}
}

.knowledge-warp-r{
	margin: 0 15px 0 8px;
	position: relative;
	.el-scrollbar{
		height: calc(100% - 56px);
	}
	.nav-class-r{
		position: absolute;
		left: 10px;
		top: 14px;
		width: 60px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		background: #F1F5F9;
		color: #5C7CA3;
		font-size: 14px;
		z-index: 2;
		cursor: pointer;
	}
	>input{
		width: 60px;
		height: 24px;
		font-size: 0;
		position: absolute;
		left: 10px;
		top: 14px;
		z-index: 2;
		text-align: center;
		cursor: pointer;
		opacity: 0;
		font-family: 'element-icons'!important;
		&:after{

			line-height: 24px;
			font-family: 'element-icons'!important;
			content: '\e6e0 收起';
			font-size: 14px;
			display: block;
			background: #F1F5F9;
			color: #5C7CA3;

		
			cursor: pointer;
			border-radius: 3px;
			opacity: 0;
		}
	}
	>input:checked:after{
		content: '\e6de  展开';
		opacity: 0;
	};
	>input:checked + .question-bank-h-type{
		height: 0;
		margin: 15px 0 0;
	}

}

.l-r, .r-r{
	height: 100%;
}

.knowledge-warp-l-nav{
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	margin-bottom: 10px;
	position: relative;
	
	.el-radio__input{
		display: none;
	}
	.knowledge-warp-l-nav-type{
		display: flex;
		justify-content: space-between;
		padding: 15px 20px 16px;
		border-bottom: 1px solid #eee;
		position: relative;
		
		>button{
			width: 60px;
			height: 24px;
			line-height: 24px;
			padding: 0;
			background: #F1F5F9;
			border-radius: 4px;
			text-align: center;
			border: none;
			font-size: 14px;
			color: #5C7CA3;
			i{
				margin-right: 8px;
				font-size: 14px;
				color: #5C7CA3;
			}
		}
		.el-radio__input{
			display: none;
		}
		.el-radio__label{
			line-height: 24px;
			position: relative;
			display: inline-block;
			padding: 0;
			&:after{
				content: "";
				height: 4px;
				width: 100%;
				display: block;
				background: #0000;
				position: absolute;
				left: 0;
				bottom: -16px;
			}
		}

		.is-checked{
			.el-radio__label{
				&:after{
					background: #348EFC;
				}
			}
		}

	}
	.question-bank-h-type{
		margin:  20px ;
		height: auto;
		box-sizing: border-box;
		// height: 205px;
	}
	.question-bank-wp-r-h{
		margin: 0 20px 0 15px;
		padding: 0 0 20px 0;
		.el-radio{
			line-height: 36px;
		}
		.el-input{
			margin-right: 30px;
		}
		.el-button{
			width: 60px;
			height: 24px;
			line-height: 24px;
			padding: 0;
			background: #F1F5F9;
			border-radius: 4px;
			text-align: center;
			border: none;
			font-size: 14px;
			color: #5C7CA3;
			    margin-top: 10px;
			i{
				margin-right: 8px;
				font-size: 14px;
				color: #5C7CA3;
			}
		}
	}
	.question-bank-h-list{
		>div{
			.el-select{
				width: 140/755*100%;
				margin-right: 20/755*100%;
			}
		}
	}
	.switch-l{
		width: 60px;
		height: 24px;
		font-size: 14px;
		display: block;
		background: #F1F5F9;
		color: #5C7CA3;
		position: absolute;
		right: 20px;
		bottom: 26px;
		text-align: center;
		cursor: pointer;
		border-radius: 3px;
		line-height: 24px;
	}

	.nav-class{
		position: absolute;
		right: 21px;
		bottom: 26px;
		background: #F1F5F9;
		color: #5C7CA3;
		width: 60px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		font-size: 14px;
		cursor: pointer;
		i{
			margin-right: 2px;
		}
	}

	>input{
		position: absolute;
		right: 21px;
		bottom: 26px;
		width: 60px;
		height: 24px;
		opacity: 0;
		cursor: pointer;
		font-family: 'element-icons'!important;
		&:after{
			width: 60px;
			height: 24px;
			font-family: 'element-icons'!important;
			content: '收起 \e6e1';
			font-size: 14px;
			display: block;
			background: #F1F5F9;
			color: #5C7CA3;
			
			text-align: center;
			cursor: pointer;
			border-radius: 3px;
			line-height: 24px;
			opacity: 0;
		}
	}
	>input:checked:after{
		content: '展开 \e6df';
		opacity: 0;
	};
	>input:checked + .question-bank-h-type{
		height: 0;
		margin: 15px 0 0;
	}

}


.knowledge-warp-xx{
	background: #fff;
	border-bottom: 1px solid #EFEFEF;
	position: relative;
	p{
		text-align: center;
		font-size: 14px;
		color: #333333;
		line-height: 55px;
	}

	button{
		position: absolute;
		top: 16px;
	}
	.knowledge-add{
		padding: 0;
		text-align: center;
		width: 124px;
		height: 26px;
		line-height: 26px;
		background: #348EFC;
		border-radius: 3px;
		color: #fff;
		border: 0;
		right: 105px;
		&:hover{
			background: #348EFC;
			color: #fff;
		}
	}

	.knowledge-outline{
		width: 60px;
		height: 24px;
		line-height: 24px;
		padding: 0;
		background: #F1F5F9;
		border-radius: 4px;
		text-align: center;
		border: none;
		font-size: 14px;
		color: #5C7CA3;
		right: 0;
		i{
			margin-right: 8px;
			font-size: 14px;
			color: #5C7CA3;
		}
	}
}

.knowledge-set-number{
	padding: 0 30px;
	>div{
		font-size: 14px;
		.el-input-number{
			width: 150px;
			margin-left: 15px;
			input{
				padding: 0;
				text-align: center;
			}
		}
	}
	>p{
		font-size: 12px;
		color: #999999;
		margin-top: 22px;
	}
}




.knowledge-outline-type{
	// border: 1px solid #EFEFEF;
	// margin: 20px;
	height: calc(100% - 40px);
	width: 0;
	transition: .3s;
	.el-scrollbar{
		height: 100%;
	}

	.line-txt{
		line-height: 0;
	}
	.knowledge-outline-ht{
		display: flex;
		padding:  0 20px;
		border-bottom: 0;
		justify-content: space-between;
		height: 34px;
		line-height: 34px;
		background: #eee;
		font-size: 14px;
		border-bottom: 1px solid #EFEFEF;
		text-align: center;
		-webkit-user-select:none;

		-moz-user-select:none;

		-ms-user-select:none;

		user-select:none;
		&:hover{
			a{
				color: #409EFF
				
			}
		}
		span{
			-moz-user-select: none; 
			-o-user-select:none; 
			-khtml-user-select:none; 
			-webkit-user-select:none; 
			-ms-user-select:none; 
			user-select:none;
		}
		>i{
			cursor: move;
			display: block;
			height: 2px;
			width: 15px;
			background: #c0c0c0;
			display: block;
			border-radius: 2px;
			margin: 3px 0;
			position: relative;
			top: 13px;
			&:after{
				content: '';
				display: block;
				height: 2px;
				background: #c0c0c0;
				position: absolute;
				top: 4px;
				width: 100%;
			}
			&:before{
				content: '';
				display: block;
				height: 2px;
				background: #c0c0c0;
				position: absolute;
				top: -4px;
				width: 100%;
			}
			&:hover{
				background: #409EFF;
				&:after, &:before{
					background: #409EFF;
				}
			}
		}
	}
	ul{
		
		>li{
			max-width: 238px;
			height: 34px;
			line-height: 34px;
			display: flex;
			font-size: 14px;
			justify-content: space-between;
			padding: 0 20px ;
			border-bottom: 1px solid #EFEFEF;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			>a{
				display: block;
				width: 80%;
				line-height: 34px;
				overflow: hidden;
				// @extend .i_text;
				>div{
					display: inline-block;
					vertical-align: top;
					max-width: 86%;
					overflow: hidden;
					font-size: 12px;
					p{
						@extend .i_text;
						font-size: 12px !important;
						text-indent: 0 !important;
					}
				}
				&:hover{
					color: #409EFF;
				}
				
			}
			> span{
				height: 20px;
				margin-top: 8px;
				cursor: move;
				i{
					display: block;
					height: 2px;
					width: 20px;
					background: #c0c0c0;
					display: block;
					border-radius: 2px;
					&:nth-of-type(2){
						margin: 5px 0
					}
					
				}
				&:hover{
					i{
						background: #409EFF;
					}
				}
			}
		}
	}
	.el-icon-s-flag{
		line-height: 28px;
		color: #999;
		cursor: pointer;
	}
}


.dropClass{
	background: #348EFC;
	color: #fff
}

.knowledge-outline-box{

	position: absolute;
	top: 0;
	right: 0;
	// width: 0;
	// width: 240px;
	background: #FFFFFF;
	box-shadow: -1px 0 1px 0 rgba(0,0,0,0.10);
	height: 100%;
	.knowledge-outline{
		width: 60px;
		height: 24px;
		line-height: 24px;
		padding: 0;
		background: #F1F5F9;
		border-radius: 4px;
		text-align: center;
		border: none;
		font-size: 14px;
		color: #5C7CA3;
		left: -61px;
		top: 14px;
		position: absolute;
		i{
			// margin-right: 8px;
			font-size: 14px;
			color: #5C7CA3;
		}
	}
	.nav-class-r{
		position: absolute;
		left: -60px;
		top: 14px;
		width: 60px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		background: #F1F5F9;
		color: #5C7CA3;
		font-size: 14px;
		z-index: 1;
		cursor: pointer;
	}
	>input{
		width: 0;
		height: 0;
		font-size: 0;
		z-index: 1;
		position: absolute;
		left: -60px;
		top: 15px;
		width: 60px;
		height: 24px;
		opacity: 0;
		cursor: pointer;
		font-family: 'element-icons'!important;
		&:after{
			width: 60px;
			height: 24px;
			font-family: 'element-icons'!important;
			
			content: '大纲 \e6de';
			font-size: 14px;
			display: block;
			background: #F1F5F9;
			color: #5C7CA3;
			// position: absolute;
			// left: -60px;
			// top: 15px;
			text-align: center;
			cursor: pointer;
			border-radius: 3px;
			z-index: 1;
			// opacity: 0;
		}
	}
	>input:checked:after{
		content: '大纲 \e6e0';
	};
	>input:checked + .knowledge-outline-type{
		width: 238px;
		border: 1px solid #EFEFEF;
		margin: 20px;
	}

}




.knowledge-set-test-type{
	text-align: center;
	label{
		display: inline-block;
		width: 120px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		font-size: 14px;
		color: #666666;
		border: 1px solid #DDDDDD;
		margin: 0;
		&:nth-of-type(1){
			border-radius:4px 0 0 4px ;
			border-right: none;
		}
		&:nth-of-type(2){
			border-radius: 0 4px 4px 0;
		}
	}
	.el-radio__input{
		display: none;
	}
	.is-checked{
		background: #348EFC;
		border-color: #348EFC;
		.el-radio__label{
			color: #fff;
		}
		
	}
}


.knowledge-set-test-condition{
	border-bottom: 1px solid #DDDDDD;
	margin: 40px 0 30px;
	label{
		
	}
	.el-radio__input{
		display: none;
	}

	.el-radio__label{
		padding: 0;
		&:after{
			content: "";
			display: block;
			height: 4px;
			background: #0000;
			margin-top: 15px;
		}
	}

	.is-checked{
		.el-radio__label{
			&:after{
				background: #348EFC;
			}
		}

	}
}


.knowledge-set-tes-img{
	display: flex;
	justify-content: space-between;
	padding: 0 40px;
	margin-bottom: 20px;
	>div{
		border: 1px solid #DDDDDD;
		width: 348px;
		height: 198px;
		overflow: hidden;
		position: relative;
		>img{
			width: 100%;
			height: 100%;
		}
		&:nth-of-type(1){
			margin-right: 10px;
		}
		&:nth-of-type(2){
			margin-left: 10px;
		}
	}

	.upload-demo{
		height: 100%;
	}
	.el-upload{
		height: 100%;
		width: 100%;
	}
	.el-upload-dragger{
		width: 100%;
		height: 100%;
		border: 0;
		.avatar{
			height: 100%;
			width: 100%;
		}
	}
	.icon-upload-img{
		margin: 35px auto 15px;

	}
	.el-icon-circle-close{
		position: absolute;
		right: 0;
		top: 0;
		font-size: 22px;
		color: red;
		z-index: 3;
		cursor: pointer;
	}
}


.knowledge-bg-img{
	text-align: center;
	>img{
		margin-top: 26px;
	}
	>div{
		font-size: 18px;
		color: #5C7CA3;
		line-height: 24px;
		padding: 15px 0;
	}
	>p{
		font-size: 12px;
		color: #888888;
	}
}


.knowledge-operation{
	display: flex;
	flex-flow: row;
	position: relative;
	>span{
		display: block;
		width: 84px;
		font-size: 14px;
		color: #000000;
		line-height: 36px;
		i{
			color: red
		}
	}
	>div{
		flex: 1;
		position: relative;
		.el-select{
		
		}
		.el-radio, .el-checkbox{
			line-height: 36px;
		}
		.el-input__inner{
			height: 36px;
			line-height: 36px;
			border-radius: 0;
		}
	}


}

.knowledge-outline{
	position: relative;

	.answer-outline{
	/* 	position: absolute;
	right: -42px;
	top: 20px; */
		i{
			font-size: 18px;
			cursor: pointer;
			&:hover{
				color: #409EFF;
			}
		}
		.el-icon-circle-plus-outline{
			margin-left: 5px;
		}
	}
}

.answer-outline{
	margin-left: 123px;
	margin-bottom: 20px;
	span{
		display: inline-block;
		vertical-align: top;
		border: 1px solid #ddd;
		padding: 5px 20px;
		line-height: 1;
		cursor: pointer;
		&:hover{
			background: #409EFF;
			color: #fff
		}
	}
	i{
		font-size: 18px;
		cursor: pointer;
		/* &:hover{
			color: #409EFF;
		} */
	}
	.el-icon-circle-plus-outline{
		margin-left: 5px;
	}
}


.knowledge-vacancy{
	.el-select{
		width: 300px;
	}
	.el-scrollbar{
		height: 200px;
	}

	.filterText{
		margin: 0;
		width: 50%;
	}
	.el-tabs__header{
		width: 200px;
	}
	.el-textarea{
		border-radius: 0;
		margin-bottom: 20px;
		&:last-of-type{
			margin-bottom: 0;
		}
	}
}

.knowledge-operation{
	margin: 0 40px 20px;
}


.knowledge-range{
	.el-select{
		width: 140px;
		margin-right: 10px;
		&:last-of-type{
			margin: 0;
		}
	}
}

.knowledge-btn{
	text-align: center;
	margin-top: 50px;
	display: block;
	button{
		border: 0;
		padding: 8px 20px;
		font-size: 14px;
	}
}


.knowledge-sidebarL{
	.knowledge-warp-l{
		width: 60px;
		background: #fff;
		margin-left: 0;
		// transition: 0;
		height: 55px !important;
		    overflow: hidden;
		.question-bank-h-type,
		.question-bank-wp-r-h,
		.el-radio-group,
		.el-scrollbar,
		input[name="nav"]{
			visibility: hidden;
		}
		.knowledge-warp-l-nav-type{
			padding: 0;
			height: 55px;
		}

	}
	.knowledge-warp-r{
		width: 90%;
		transition: .2s;
	}
}

.knowledge-sidebarR{
	.knowledge-warp-l{
		width: 90%;
		transition: .2s;
	}

	.knowledge-warp-r{
		width: 60px;
		background: #fff;
		margin-left: 0;
		height: 55px !important;
		overflow: hidden;
	}
}

.knowledge-sidebarQ{
	// justify-content: space-between;
	>div{
		width: 30%;
		background: #fff;
		margin-left: 0;
		overflow: hidden;
		transition: .2s;
	}
	.knowledge-warp-l{
		margin-left: 15px;
	}
	.knowledge-add{
		visibility: hidden;
	}
	.knowledge-points-area{
		padding: 10px 0;
		>div{
			flex-wrap: wrap;
		}
		.el-col{
			width: 100%;
		}
		.el-col-5 {
			margin-left: 10px;
		}
	}
}


.preview-answer-box{
	position: relative;
	>input{
		width: 0;
		height: 0;
		font-size: 0;
		position: absolute;
		right: 80px;
		top: 12px;
		font-family: 'element-icons'!important;
		&:after{
			width: 60px;
			height: 24px;
			font-family: 'element-icons'!important;
			content: '展开 \e6df';
			font-size: 14px;
			display: block;
			background: #F1F5F9;
			color: #5C7CA3;
			text-align: center;
			cursor: pointer;
			font-size: 12px;
		}
	}
	>input:checked:after{
		content: '收起 \e6e1'
	};
	>input:checked + .preview-accordion-answer-ul{

		animation: myfirst .8s linear  both;
		-webkit-animation: myfirst .8s linear  both;
	}
}



@-webkit-keyframes myfirst {
  0% {
    height: 0;
  }
  100% {
   	height:auto;
  }
}


.preview-answer-head{
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	background: #F1F5F9;
	line-height: 50px;
	.accordion-operate{
		position: static;
		margin-right: 80px;
		button{
			span{
				margin: 0;
			}
		}
	}
}


.preview-accordion-answer-ul{
	padding: 0 20px;
	background: #F1F5F9;
	overflow: hidden;
	height: 0;
	transition: .2s;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	li{
		display: flex;
		flex-flow: row;
		line-height: 28px;
		font-size: 14px;
		>span{
			display: block;
			color: #666;
		}
		>div{
			flex: 1;
			>i{
				margin-right: 15px;
			}
		}
		&:last-of-type{
			padding-bottom: 20px;
		};
	}
}


.tasksVisible{
	.el-input__inner{
		border-radius: 0;
		height: 36px;
		line-height: 36px;
	}
	.el-form-item__content{
		line-height: 36px;
		position: relative;
	}

	.text-len{
		position: absolute;
		right: 0;
		bottom: 0;
		line-height: 19px;
		font-size: 12px;
		color: #999;
		>i{
			color: #666;
		}
	}
	textarea{
		border-radius: 0;
	}
	.task-duration{
		>.el-form-item__content{
			>.el-form-item{
				display: inline-block;
				vertical-align: top;
				&:nth-of-type(1){
					margin-right: 50px;
				}
			}
        }
        .el-input-number {
            width: 218px;
        }
		.el-input-number__decrease,.el-input-number__increase{
            display: none;
        }
	}

	.task-content-btn{
		text-align: center;
		margin-top: 35px;
		button{
			width: 68px;
			height: 30px;
			line-height: 30px;
			padding: 0;
		}
	}
}

.exercises-list-conten{
	margin-bottom: 18px;
	>ul{
		overflow: hidden;
	}
}

.exercises-list-li{
	background:#fff;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	padding: 30/1200*100% 20/1200*100% 36/1200*100%;
	width: 351/1200*100%;
	margin: 18/1200*100% 13/1200*100% 0 0;
	float: left;
	position: relative;
	&:nth-of-type(3n){
		margin: 18/1200*100% 0 0 0;
	}
	&:hover{
		.exercises-type-btn{
			visibility: visible;
			opacity: 1;
		}
	}
	.exercises-type-btn{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.1);
		transition: .3s;
		opacity: 0;
		visibility: hidden;
		>a{
			position: absolute;
			top: 50%;
			left: 50%;
			display: block;
			width: 100px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			border-radius: 20px;
			color: #fff;
			font-size: 14px;
			margin-left: -50px;
			margin-top: -20px;
			background: #409EFF;
		}
	}
	>a,>p{
		display: block;
		font-size: 18px;
		color: #000000;
		letter-spacing: 0;
		line-height: 18px;
		@extend .i_text;
		margin-bottom: 13px;
		cursor: pointer;
		&:hover{
			color: #348EFC;
		};
	}
	>ul{
		margin-bottom: 44/350*100%;
		li{
			display: inline-block;
			max-width: 150px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			vertical-align: top;
			background: #ECEFF5;
			border-radius: 11px;
			font-size: 12px;
			color: #6E777B;
			padding: 3px 10px;
			margin-right: 6px;
			line-height: 16px;
			&:last-of-type{
				margin: 0;
			};
		}
	}

	>div{
		display: flex;
		justify-content: space-between;
		>div{
			font-size: 12px;
			color: #999999;
			>div{
				line-height: 16px;
				&:nth-of-type(1){
					margin-bottom: 10px;
				};
			}
		}
		>span{
			display: block;
			font-size: 14px;
			color: #FFFFFF;
			text-align: center;
			background: #84BBFE;
			border-radius: 15px;
			width: 70px;
			height: 30px;
			line-height: 30px;
			margin-top: 3px;
		}
	}
	.is-over{
		background: #CFCFCF;
	}

	.el-icon-sunny,
	.el-icon-lightning{
		position: absolute;
		top: 5px;
		right: 5px;
		font-size: 18px;
	}

	.el-icon-tickets,
	.el-icon-video-play,
	.el-icon-collection{
		position: absolute;
		top: 8px;
		right: 30px;
		font-size: 14px;
	}

	.el-icon-bell{
		position: absolute;
		top: 8px;
		right: 50px;
		font-size: 14px;
	}

}

.exercises-sort{
	.el-radio-button__inner{
		padding: 0;
		width: 130px;
		line-height: 36px;
		height: 36px;
		text-align: center;
	}
}



.exercises-test-type{
	border-top: 1px solid  #eee;
	text-align: left;
	background: #fff;
	padding: 20px 20px  0 20px;
	.el-radio{ 
		.el-radio__input{
			display: none;
		}
	}
	>a{
		padding: 0;
		margin-right: 20px;
		font-size: 14px;
		display: inline-block;
		vertical-align: top;
		padding: 5px 10px;
		background: #409EFF;
		color: #fff;
		border-radius: 20px;
		line-height: 1.2;
		margin-bottom: 20px;
		&:hover{
			// color: #348efc;
		}
	}
}


.exercises-conten-r{
	width: 250px;
	min-width: 250px;
	 height: max-content;
	 margin-left: 20px;
	
	 // right: 5%;
}

.exercises-fixe{
	 position: fixed;
}

.exercises-conten-time{
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	background: #fff;
	padding: 15px 20px 11px;
	margin-bottom: 18px;
}

.exercises-time-countdown{
	border-bottom: 1px solid #eee;
	padding-bottom: 9px;
	>i{
		font-size: 34px;
		color: #49c3e8;
	}
	>strong{
		font-size: 12px;
		color: #666666;
		line-height: 34px;
		display: inline-block;
		vertical-align: top;
		margin: 0 15px;
	}
	>span{
		font-size: 20px;
		line-height: 34px;
		display: inline-block;
		vertical-align: top
	}
}



.exercises-next-question{
	display: flex;
	justify-content: space-between;
	padding-top: 7px;
	>span{
		font-size: 12px;
		color: #666666;
		line-height: 20px;
	}
}



.exercises-conten-r-type{
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	background: #fff;
	padding: 15px;
}


.exercises-conten-r-type-state{
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #DDDDDD;
	&:last-of-type{
		margin-bottom: 0;
	}
	>div{
		&:nth-of-type(1){
			font-size: 14px;
			color: #000000;
			margin-bottom: 10px;
			i{
				color: #999;
				font-size: 12px;
			}
		}
		&:nth-of-type(2){
			.el-checkbox{
				width: 20px;
				height: 20px;
				border: 1px solid #DDDDDD;
				border-radius: 3px;
				margin: 0 6px 10px 0;
				text-align: center;
				.el-checkbox__input{
					display: none;
				}
				.el-checkbox__label{
					padding: 0;
					font-size: 12px;
				}
				&:nth-of-type(8n){
					margin-right: 0;
				}
			}
			.is-checked{
				background: #CFE4DC;
				border-color:  #CFE4DC;
				.el-checkbox__label{
					color: #333333;
				}
				
			}
		}
	}
	>ul{
		overflow: hidden;
		li{
			width: 20px;
			height: 20px;
			float: left;
			
			margin: 0 6px 10px 0;
			text-align: center;
			position: relative;
			cursor: pointer;
			input{
				position: absolute;
				width: 100%;
				height: 100%;
				opacity: 0;
				left: 0;
				top: 0;
				pointer-events: none;
			}
			span,a{
				display: block;
				height: 100%;
				border-radius: 3px;
				line-height: 20px;
				border: 1px solid #DDDDDD;
			}
			input:checked + span, 
			input:checked + a{
				background: #CFE4DC;
				border-color:  #CFE4DC;
			}
			input + .exercises-error{
				background: #FFDBDB;
				border-color:  #FFDBDB;
				color: #666666;
			}
			input + .exercises-unanswered{
				background: #EBEBEB;
				border-color:  #EBEBEB;
			}
		}
	}

	
}


.exercises-conten-r-type-title{
	font-size: 14px;
	margin-bottom: 20px;
}

.exercises-result-state{
	span{
		display: block;
		height: 100%;
		border-radius: 3px;
		line-height: 20px;
		border: 1px solid #DDDDDD;
	}
	.exercises-success{
		background: #CFE4DC;
		border-color:  #CFE4DC;
	}
	.exercises-error{
		background: #FFDBDB;
		border-color:  #FFDBDB;
		color: #666666;
	}
	.exercises-unanswered{
		background: #EBEBEB;
		border-color:  #EBEBEB;
	}
	.exercises-praise{
		border: 1px solid #DDDDDD;
	}
	.exercises-info{
		color: #fff;
		background: #409EFF;
		border-color:  #409EFF;
	}
}

.exercises-answer-state{
	background: #fff;
	padding: 0 20px 17px;
	>span{
		font-size: 12px;
		color: #666666;
		margin-right: 30px;
		>i{
			display: inline-block;
			vertical-align: middle;
			border-radius: 3px;
			width: 12px;
			height: 12px;
			margin-left: 7px;
		}
		&:nth-of-type(1){
			i{
				background: #CFE4DC;
			}
		}
		&:nth-of-type(3){
			margin-right: 0;
			i{
				background: #FFDBDB;
			}
		}
		&:nth-of-type(2){
			
			i{
				background: #EBEBEB;
			}
		}
		&:nth-of-type(4){
			i{
				background: #3f9eff;
			}
		}
	}
}

.exercises-cc{
	span{
		margin-right: 60px;
		line-height: 30px;
		&:nth-of-type(4){
			margin-left: 60px;
		}
	}
}




.exercises-conten-r-btn{
	padding: 0 20px 20px;
	background: #fff;
	button{
		display: block;
		width: 100%;
		border-radius: 4px;
		padding: 0;
		line-height: 36px;
		text-align: center;
	}
}

.exercises-radio{
	.el-radio__input{
		display: none;
	}
}


.exercises-test-result{
	font-size: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
}


.exercises-rewinding{
	padding: 10px 20px 0;
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	margin-bottom: 20px;
	>p{
		font-size: 12px;
		color: #999999;
	}
	>ul{
		overflow: hidden;
		padding-bottom: 33px;
		li{
			float: left;
			width: 69px;
			text-align: center;
			border-right: 1px solid #eee;
			>p{
				&:nth-of-type(1){
					font-size: 22px;
					color: #666666;
					line-height: 54px;
				}
				&:nth-of-type(2){
					font-size: 12px;
					color: #333333;
				}
			}
			.exercises-score{
				color:#ED893F !important;
			}
		}
	}

}


.exercises-wrong-title{
	>ul{
		overflow: hidden;
	}
}

.exercises-wrong-ls{
	padding:41/1200*100% 20/1200*100% 36/1200*100%;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	width: 350/1200*100%;
	float: left;
	margin: 0 13/1200*100% 18/1200*100% 0;
	background-image: linear-gradient(156deg, rgba(255,251,251,0.49) 58%, #FFF8EA 87%);
	>a{
		font-size: 24px;
		color: #000000;
		letter-spacing: 0;
		line-height: 30px;
		&:hover{
			color: #348EFC;
		}
	}
	>span{
		font-size: 24px;
		color: #000000;
		letter-spacing: 0;
		line-height: 30px;
	}
	>div{
		display: flex;
		justify-content: space-between;
		margin-top: 56/390*100%;
		>span{
			font-size: 12px;
			color: #999999;
			&:nth-of-type(1){
				line-height: 3;
			}
			&:nth-of-type(2){
				background: #DCAE74;
				border-radius: 20px;
				display: block;
				width: 109px;
				line-height: 36px;
				height: 36px;
				text-align: center;
				font-size: 12px;
				color: #FFFFFF;
				>i{
					font-size: 24px;
					display: inline-block;
					vertical-align: sub;
					margin-left: 6px;
				}
			}
		}
		>a{
			font-size: 12px;
			color: #999999;
			background: #DCAE74;
			border-radius: 20px;
			display: block;
			width: 109px;
			line-height: 36px;
			height: 36px;
			text-align: center;
			font-size: 12px;
			color: #FFFFFF;
			>i{
				font-size: 24px;
				display: inline-block;
				vertical-align: sub;
				margin-left: 6px;
			}
		}
	}
	&:nth-of-type(3n){
		margin: 0 0 18/1200*100% 0;
	}
}


.exercises-wrong-exercises{
	padding-top:0;
	.knowledge-warp-l-nav{
		padding: 24px 21px 22px;
		.question-bank-h-type{
			margin: 0;
		}
	}

	.exercises-grade-type{
		padding-bottom: 21px;
		font-size: 16px;
		span{
			color: #999
		}
		// i{
		// 	color: #3F3F3F;
		// }
	}
	.preview-conten-list{
		margin-bottom: 12px;
		&:last-of-type{
			margin-bottom: 0;
		}
	}

	.preview-conten-r{
		padding-top: 18px;
		>ul{
			border-bottom: 1px solid #eee;
			margin-bottom: 19px;
			li{
				font-size: 16px;
				color: #333333;
				line-height: 19px;
				margin-bottom: 10px;
				>span{
					display: inline-block;
					vertical-align: top;
					width: 120px;
					font-size: 14px;
				}
			}
		}
	}
}

.exercises-test-btn{
	padding: 0 20px 20px;
	overflow: hidden;
	button{
		border-radius: 3px;
		width: 68px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	.el-button+.el-button{
		margin: 0;
	}
	.is-disabled{
		background: #D7D7D7;
		border-color: #D7D7D7;
		&:hover{
			background: #D7D7D7;
			border-color: #D7D7D7;
		}
	}

	>span{
		float: right;
		color: #999;
		i{
			font-size: 16px;
			color: #4CCFA6;
		}
	}
}


.exercises-preview-r{
	background: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10);
	border-radius: 3px;
	padding: 22/1200*100% 20/1200*100% ;
	// width: 210/1200*100%;
	height: max-content;
	width: 210px;
	margin-left: 20px;

	>button{
		width: 100%;
		padding: 0;
		text-align: center;
		background: #348EFC;
		border-radius: 4px;
		line-height: 36px;
		height: 36px;
		font-size: 14px;
		color: #FFFFFF;
		margin-bottom: 20px;
	}
	>h3{
		font-size: 14px;
		color: #333333;
		line-height: 21px;
		@extend .i_word;
	}
	>p{
		font-size: 12px;
		color: #999999;
		padding: 12px 0 19px;
		border-bottom: 1px solid #eee;
		line-height: 16px;
	}
	>span{
		display: block;
		font-size: 12px;
		color: #666666;
		margin: 20px 0;
	}
	>ul{
		li{
			font-size: 14px;
			color: #333333;
			line-height: 20px;
			margin-bottom: 10px;
			&:last-of-type{
				margin-bottom: 0;
			};
			span{
				display: inline-block;
				vertical-align: top;
				width: 110px;
				margin-right: 10px;
			}
		}
	}
}

.ql-editor{
	p{
		@extend .i_word;
	}
}



.preview-false{
	.el-checkbox__input {
		display: none;
	}
	.el-checkbox__label{
		color: #333 !important;
		padding: 0;
	}
}

.preview-conten-details{
	width: 100%;
}

.question-tree{
	background: none;
	>.el-tree-node{
		>.el-tree-node__content{
			line-height: 36px;
			height: 36px;
		}
		>.el-tree-node__children{
			>div{
				line-height: 36px;
				height: 36px;
			}
			.el-tree-node__content{
				height: initial;
			}
		}
		.el-tree-node__label{
			@extend .i_text;
			display: inline-block;
			vertical-align: top;
			max-width: 90%;
		}
	}
}


.visible-box{
	.el-dialog__header{
		background: #409EFF;
		.el-dialog__title{
			color: #fff;
		}
		.el-dialog__close{
			color: #fff;
		}
	}

	.dialog-footer{
		a,button{
			display: inline-block;
			vertical-align: top;
			margin-left: 10px;
			border: 1px solid #eee;
			padding: 0 ;
			line-height: 32px;
			color: #666;
			width: 100px;
			border-radius: 2px;
			text-align: center;
		}
		button{
			color: #fff;
		}
	}
}

.dialog-box{
	.el-dialog__header{
		background: #409EFF;
		.el-dialog__title,
		.el-dialog__close{
			color: #fff;
		}
	}
	.authority{
		text-align: center;
		>div{
			display: inline-block;
			vertical-align: top;
			margin: 0 20px;
			>span{
				position: relative;
				display: inline-block;
				width: 50px;
				height: 50px;
				
				i{
					font-size: 50px;
				}
				input{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					display: block;
					opacity: 0;
				}
				input:checked + i{
					color: #409EFF
				}
			}
			p{
				line-height: 40px;
			}
		}
	}

	.el-dialog__footer{
		button{
			width: 80px;
			text-align: center;
			height: 36px;
			line-height: 36px;
			padding: 0;
		}
	}

}


.knowledge-type-c{
	text-align: center;
	margin-top: 10px;
}


.imgVisible{
	.el-dialog__body{
		padding: 0;
	}

	.el-carousel__container{
		height: 800px;
		.imgVisible-div{
			position:relative;
			top:0;
			left:50%;
			transform:translate(-50%,0);
			overflow: auto;
			height: 100%;
		}
	}
	.el-carousel--horizontal{
		overflow: hidden;
	}
}


.chatView .chatCont_txt .chatCont_t img{
	width: 26px;
	height: 26px;
}


.myHomework,
.confirm-them{
	padding: 0 0 20px 0;
	width: 360px;
	border: 0;
	.el-message-box__header{
		// display: none;
		background: #409EFF;
		span,i{
			color: #fff;
			&:hover{
				color: #fff;
			}
		}

	}
	.el-message-box__content{
		padding: 40px 20px;
	}

	.el-message-box__btns{
		text-align: center;
		button{
			background: #ecf5ff;
			color: #6a7fbc;
			border: 0;
			padding: 9px 25px;
		}
		.el-button--primary{
			background: #409EFF;
			color: #fff
		}
	}

	.el-message-box__status{
		display: none;
	}

	.el-message-box__message{
		text-align: center;
		padding: 0;
	}
}




.knowledge-answer{
	padding: 20px 20px 10px;
	flex-flow: row;
	display: flex;
	>span{
		display: block;
		width: 64px;
		font-size: 14px;
		color: #000000;
		line-height: 36px;
	}
	>div{
		flex: 1;
		width: 626px;
	}

	.mce-menubar,
	.mce-flow-layout-item.mce-last{
		display: none;
	}
}


.option-checked {
    .el-checkbox__inner {
        border-radius: 50%;
    }
    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
        border-color: #96D378;
        background: #96D378;
        &:after {
            border-color: #fff;
        }
    }
    .b {
        .el-checkbox__inner {
            border-color: #E46363 !important;
            background: #E46363 !important;
            &:after {
                border: 0;
                top: 3px;
                left: 5px;
                height: 9px;
                border-left: 1px solid #fff
            }
            &:before {
                position: absolute;
                content: "";
                display: block;
                top: 2px;
                left: 5px;
                height: 9px;
                border-left: 1px solid #fff;
                -webkit-transform: rotate(136deg) scaleY(1);
                transform: rotate(136deg) scaleY(1);
            }
        }
    }
    .d {
        .el-checkbox__inner {
            border-color: #348efc !important;
            background: #348efc !important;
        }
    }
}


.knowledge-html{
	line-height: 36px;
	font-size: 14px;
	p{
		line-height: 36px;
		font-size: 14px;
	}
}

.knowledge-html-un{
	color: #ff4b4b;
	line-height: 36px;
	font-size: 14px;
	i{
		margin-right: 5px;
		font-size: 18px;
		vertical-align: text-top;
	}
}


.option-pattern{
	display: inline-block;
	vertical-align: top;
	margin: 10px  30px 0 0;
}





.dependent{
	// background: #ffffff;
	text-align: center;
	padding: 5px 0;
	i{
		transform: scale(0.6);
	}
	 > p {
	    // margin-top: 21px;
	    color: #888;
	}
}


.knowledge-choice{
	.el-radio-group,.el-checkbox-group{
		display: inline-block;
		vertical-align: top;
		width: 90%;
	}
	.answer-choice{
		display: inline-block;
		vertical-align: top;
		text-align: right;
		width: 56px;
		i{
			font-size: 18px;
			margin-left: 10px;
			line-height: 36px;
			cursor: pointer;
			&:hover{
				color: #348EFC;
			}
		}
	}
}



.knowledge-node-list{
	span{
		display: inline-block;
		vertical-align: top;
		width: 20px;
		height: 20px;
		background: #effaff;
		font-size: 12px;
		color: #67AED2;
		margin-right: 5px;
		text-align: center;
		line-height: 20px;
	}
}

.quillWrapper{
	.ql-format{
		margin-right: 0;
	}
	.ql-list{
		display: none !important;
	}
}


.Tailoring2{
	@extend .Tailoring;
	min-width: 400px;
}

.Tailoring3{
	@extend .Tailoring;
	min-width: 550px;
}

.knowledge-{
	.quillWrapper .ql-snow.ql-toolbar,
	.ql-toolbar.ql-snow{
		padding: 0;
	}
	.ql-editor{
		min-height: 100px
	}

	.el-textarea{
		margin-bottom: 20px;
	}

	.knowledge-textarea{
		width: calc(100% - 20px);
		padding: 10px;
		border: 1px solid #ddd;
		margin-bottom: 10px;
		border-radius: 4px;
		resize: auto;
		&:focus{
			border-color: #409EFF;
		}
	}
}



.exercises-question{

	.el-radio__input.is-disabled .el-radio__inner{
		border: 1px solid #DCDFE6;
		background: #fff;
	}
	.el-radio__input.is-disabled.is-checked .el-radio__inner{
		border-color: #409EFF;
		background: #409EFF;
		&::after {
		    background-color: #fff;
		}

	}
	.el-radio__input.is-checked+.el-radio__label{
		color: #409EFF;
	} 

	.el-checkbox__input.is-disabled .el-checkbox__inner{
		border: 1px solid #DCDFE6;
		background: #fff;
	}

	.el-checkbox__input.is-checked .el-checkbox__inner, 
	.el-checkbox__input.is-indeterminate .el-checkbox__inner{
		border-color: #409EFF;
		background: #409EFF;
		&::after {
		    border-color: #ffffff;
		}
	}
}

.bank-option{
	.el-radio{
		margin: 0;
	}
	.el-radio__input{
		display: none;
	}
}


.styleCss{
	background: #F1F5F9;
	transition: .3s;
	box-shadow : 0 3px 8px 0 rgba(0, 0, 0, 0.1);

	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: pulse
}

@keyframes pulse {
	0%, 100%, 20%, 53%, 80% {
	  -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	  transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
	  -webkit-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0)
	}
	40%,
	43% {
	  -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
	  transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
	  -webkit-transform: translate3d(0, -30px, 0);
	  -ms-transform: translate3d(0, -30px, 0);
	  transform: translate3d(0, -30px, 0)
	}
	70% {
	  -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
	  transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
	  -webkit-transform: translate3d(0, -15px, 0);
	  -ms-transform: translate3d(0, -15px, 0);
	  transform: translate3d(0, -15px, 0)
	}
	90% {
	  -webkit-transform: translate3d(0, -4px, 0);
	  -ms-transform: translate3d(0, -4px, 0);
	  transform: translate3d(0, -4px, 0)
	}
}


.knowledge-vacancy{
	margin-left: 0;
}

#backtop{
	position: fixed;
	background-color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	color: #409eff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	text-align: center;
	box-shadow: 0 0 6px rgba(0,0,0,.12);
	cursor: pointer;
	bottom: 50px;
	right: 10px;
	visibility: hidden;
	&:hover{
		background: #ecf5ff;
	}
}


.confirm-them66{
	border-radius: 0;
	border: 0;
	.el-message-box__header {
	    background: $bg_1;
	    span,
	    i {
	        color: #fff;
	    }
	}
	.el-message-box__content {
	    padding: 30px;
	}
	.el-message-box__btns {
	    padding: 9px 25px;
	}
	.el-message-box__btns{
		display: none;
	}
}


.preview-next{
	padding: 20px 20px 10px;
	button{
		padding: 5px 15px;
		font-size: 12px;
	}
}

.preview-conten-list{
	&:last-of-type{
		.preview-next{
			display: none;
		}
	}
}




.Ueditor-txt{
	.edui-default{
		border-radius: 0;
		.edui-editor-toolbarbox{
			border-radius: 0;
		}
		.edui-editor-toolbarboxouter{
			background: #fff;
		}
	}

}

.j-details-l-cont{
	word-wrap: break-word;
	word-break: break-all;
	a{
		text-decoration: underline;
		color: #348efc;
	}
}










@media screen and (max-width: 1380px) {
    .maxW {
    	transition: .3s;
        max-width: 1000px !important;
    }
	.question-bank-h-list .el-button{
		width: 65px;
	}
	.preview-conten-min{
		width: 73%;
	}
	.exercises-wrong-ls > div > span:nth-of-type(1){
		line-height: 1.5;
	}
	.preview-maxW{
		max-width: 600px !important;
	}
}


.knowledge-visible{
	z-index: 1;
	.el-dialog__wrapper{
		z-index: 4 !important;
	}
	
}

	.el-dialog__wrapper{
		z-index: 4 !important;
	}